.base-card {
    display: flex;
    flex-direction: column;
    // border: 1px solid #044A9F;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    // background: url("../../../assets/img/theme1/card-content.png");

    &:last-child {
        margin-bottom: 0;
    }

    .card-header {
        display: flex;
        justify-content: space-between;
        background-repeat: no-repeat;
        background-size: 100% 100%;

        .title {
            display: flex;
            align-items: center;
            color: #151A24;
            position: relative;
            // cursor: pointer;

            &::before {
                content: "";
                display: inline-block;
                vertical-align: middle;
                position: relative;
                // background-image: linear-gradient(180deg, #57C5FF 0%, #4895E8 100%);
            }
        }

        .handle-title {
            display: flex;
            align-items: center;
            color: #fff;
            position: relative;
            cursor: pointer;

            &::before {
                content: "";
                display: inline-block;
                vertical-align: middle;
                position: relative;
                // background-image: linear-gradient(180deg, #57C5FF 0%, #4895E8 100%);
            }
        }

        >div {
            display: flex;
            align-items: center;
        }

        .right {
            flex: 1;
            display: flex;
            justify-content: flex-end;
        }
    }

    .content {
        flex: 1;
        height: 0;
        display: flex;
        justify-content: center;
        align-items: center;

        .empty {
            color: #fff;
            margin: 0.5rem 0;
            text-align: center;
        }
    }
}

.arrow-right {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background: url('../../../assets/img/theme1/right-arrow.png');
}